<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>使用jQuery Mobile页面Multi Page Example向一个文件中添加多个页面Multi Page Example</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.3.min.js"></script>
    <!--<script src="../c1/jquery-3.3.1.js"></script>-->
<script type="text/javascript" src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head>

<body>

<div data-role="page" id="homePage">

  <div data-role="header"><h1>Welcome</h1></div>

  <div role="main" class="ui-content">
  <p>
  Welcome to our first mobile web site. It's going to be 
  the best site you've ever seen. Once we get some content. 
  And a business plan. But the hard part is done!
  </p>

  <p>
  You can also <a href="#aboutPage">learn more</a> 
  about Megacorp.
  </p>
  </div>

  <div data-role="footer">
  <h4>Copyright Megacorp &copy; 2015</h4>
  </div>
	
</div>

<div data-role="page" id="aboutPage">

	<div data-role="header"><h1>About Megacorp</h1></div>

	<div role="main" class="ui-content">
	<p>
	This text talks about Megacorp and how interesting it is. 
    Most likely though you want to <a href="#homePage">return</a> 
    to the home page.
	</p>
	</div>
	
	<div data-role="footer">
	<h4>Copyright Megacorp &copy; 2015</h4>
	</div>
	
</div>
</body>
</html>
